<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>

<link rel="stylesheet" type="text/css" href="css/css.css"/>
<link href="css/index.css" rel="stylesheet" type="text/css" />

</head>

<body bgcolor="#F4F4F4">
	<!-- 头部导航-->
	
	<nav id="guding">
		<div id="login">
	<h2>欢迎！</h2>
	<div id="loginp"><a href="login.html">登录</a>|<a href="login.html">注册</a>|<a href="shopCar.html">购物车</a></div>
	</div>
	<div id="logoall">
	<div id="logo">
	    <div id="logo1"><a href="index.html">
	    <img src="image/logo.png" width="220" height="80" />
	    </a>
	    </div>
	   <div id="logo2"><img src="image/welcome.jpg" width="100" height="50" /></div></div></div>
	<div id="naviall"  >
	<div id="navi">
	    <ul>
	         <li><div class="shouye"><a href="#">首页</a></div></li>
	         <li><a href="About.html">关于</a></li>
	         <li id="p"><a href="show.html">产品展示</a>
	         	<div>
	         		<ul id="p_show" hidden="hidden">
						<li><a href="show.html#content1">名著系列</a></li>
						<li><a href="show.html#content2">优选系列</a></li>
						<li><a href="show.html#tast">儿童系列</a></li>
					</ul>						
         		</div>
	         </li>
	         <li><a href="service.html">服务</a></li>
	         <li><a href="liuyan.html">在线留言</a></li>
	         <li><a href="lianxi.html">联系我们</a></li>
	     </ul>
	</div>
	</div>
	</nav>
	<div class="addHeight"></div>
	<!--头部结束-->
<div class="wrap">
    	<div class="banner" style="background:#fbf8f3">
        	<div class="banner_img">
            	<img src="image/banner1.png" width="1200"  />
            </div>
        </div>
        <div class="banner" style="background:#f0f0f0">
        	<div class="banner_img">
            	<img src="image/banner2.png" width="1200"  />
            </div>
        </div>
        <div class="banner" style="background:#f7ead7">
        	<div class="banner_img">
            	<img src="image/banner3.jpg" width="1200" />
            </div>
        </div>
        <div class="banner" style="background:#f1e6ea">
        	<div class="banner_img">
            	<img src="image/banner4.jpg" width="1200"  />
            </div>
        </div>
        <div class="banner" style="background:#f7ead7">
        	<div class="banner_img">
            	<img src="image/banner5.jpg" width="1200"  />
            </div>
        </div>
        <div class="btn">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
                
    	</div>
    </div>
<div class="A1">
<div class="A2">
 <div class="A4"></div>
 <div class="A5">新书资讯</div>
 <div class="A71"><img src="image/love.jpg" width="220" height="180"  /> </div>
 <div class="A7"><h2>《爱是盲目》[威廉·博伊德 著]</h2>
 <p>以契诃夫的爱情故事为灵感来源<br> 
《凡人之心》作者威廉·博伊德长篇新作，首次引进中文世界<br>
	时间：2022.08</p></div>
 <div class="A81"><img src="image/ou.jpg" width="220" height="220" /></div>
 <div class="A8"><h2>《偶像失格》  [宇佐见铃 著]</h2>
 <p>
第164届芥川奖得奖作<br>
日本各大书店销量排行榜第一名<br>
	 时间：2022.04</p></div>
 </div>
<div class="A3">
 <div class="A4"></div>
 <div class="A6">热门书籍</div>
 <div class="A9">新书热卖榜</div>
 <div class="A10">
 <ul>
 <li><div class="A101">1</div><div class="A102"><a href="show.html#content1">生死疲劳（莫言 著）</a></div><div class="A103"><img src="image/movie_top.gif" width="20"  /></div></li>
 <li><div class="A101">2</div><div class="A102"><a href="show.html#content2">变量4：大国的腾挪（何帆 著）</a></div><div class="A103"><img src="image/movie_top.gif" width="20"  /></div></li>
 <li><div class="A101">3</div><div class="A102"><a href="show.html#content1">复杂世界的明白人（九边 著）</a></div><div class="A103"><img src="image/movie_top.gif" width="20"  /></div></li>
 <li><div class="A101">4</div><div class="A102"><a href="show.html#content2">平安小猪（[英] &nbsp;J.K.罗琳 著）</a></div><div class="A103"><img src="image/movie_top.gif" width="20"  /></div></li>
 <li><div class="A101">5</div><div class="A102"><a href="show.html#content1">罪全书7（蜘蛛 著）</a></div><div class="A103"><img src="image/movie_top.gif" width="20"  /></div></li>
 <li><div class="A101">6</div><div class="A102"><a href="show.html#content2">第一人称单数（[日]村上春树 著）</a></div><div class="A103"><img src="image/movie_top.gif" width="20"  /></div></li>
 </ul>
 </div>
</div>
</div>
<div id="B1">
  <div id="B2"><p>世界名著&nbsp;</p>
  </div>
  <div id="B3">
  <ul>
    <li>
       <div class="B31"><a href="shopDetail.html"><img src="image/h1.jpg" width="220" height="220" /></a></div>  
       <div class="B321">   
       <div class="B32">四大名著<br />西游记&nbsp;水浒传&nbsp;三国演义红楼梦</div>
       <div class="B33">¥171.30</div>
       <div class="B34">1286人好评</div>
       </div>
    </li>
    <li>
       <div class="B31"><a href="shopDetail.html"><img src="image/h2.jpg" width="220" height="220" /></a></div>
       <div class="B321">
       <div class="B32">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;马尔克斯：百年孤独</div>
       <div class="B33">¥58.80</div>
       <div class="B34">854人好评</div>
       </div>
    </li>
    <li>
        <div class="B31"><a href="shopDetail.html"><img src="image/h3.jpg" width="220" height="220" /></a></div>
        <div class="B321">
       <div class="B32">月亮与六便士<br />写给千万文艺青年的梦想之书</div>
       <div class="B33">¥38.80</div>
       <div class="B34">521人好评</div>
       </div>
    </li>
    <li>
       <div class="B31"><a href="shopDetail.html"><img src="image/h4.jpg" width="220" height="220" /></a></div>
       <div class="B321">
       <div class="B32">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;小王子 <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The Little Prince</div>
       <div class="B33">¥29.80</div>
       <div class="B34">258人好评</div>
       </div>
    </li>
    <li>
       <div class="B31"><a href="shopDetail.html"><img src="image/h5.jpg" width="220" height="220" /></a></div>
       <div class="B321">
       <div class="B32">变形记：卡夫卡小说精选</div>
       <div class="B33">¥32.90</div>
       <div class="B34">452人好评</div>
       </div>
    </li>
  </ul>
  </div></div>
  <div id="C1">
  <div id="C2"><p>书籍类型</p>
  </div>
  <div id="C3">
    <ul>
      <li>
         <div class="C31"><img src="image/i1.jpg" width="275" height="275" /></div>
          <div class="C32">悬疑类/推理类&nbsp;</div>
           <div class="C33">￥199.00起</div>
      </li>
      <li>
         <div class="C31"><img src="image/i2.jpg" width="275" height="275" /></div>
          <div class="C32">科幻类</div>
           <div class="C33">￥54.80起</div>
      </li>
      <li>
        <div class="C31"><img src="image/i3.jpg" width="275" height="275" /></div>
          <div class="C32">历史类</div>
           <div class="C33">￥299.00起</div>
      </li>
      <li>
         <div class="C31"><img src="image/i4.jpg" width="275" height="275" /></div>
          <div class="C32">文学类</div>
           <div class="C33">￥157.00起</div>
      </li>
    </ul>
  </div>
  </div>
  <div id="D1">
    <div id="D2"><p>精彩专题&nbsp;</p>
    </div>
    <div id="D3">
    <div id="D4"><!--手风琴-->
       <ul id="shoufenq">
    	<li><img src="image/shou1.jpg"></li>
        <li><img src="image/shou2.jpg" /></li>
        <li><img src="image/shou3.jpg"/></li>
        <li><img src="image/shou4.jpg" /></li>
        <li><img src="image/shou5.jpg" /></li>
        <li><img src="image/shou6.jpg" /></li>
    </ul>
      </div>
    <div id="D5">
       <ul>
         <li><a href="show.html"><img src="image/j8.jpg" width="238" height="130" /></a></li>
          <li><a href="show.html"><img src="image/j9.jpg" width="238" height="130" /></a></li>
           <li><a href="show.html"><img src="image/j10.jpg" width="238" height="130" /></a></li>
            <li><a href="show.html"><img src="image/j11.jpg" width="238" height="130" /></a></li>
             <li><a href="show.html"><img src="image/j12.jpg" width="238" height="130" /></a></li>
       </ul>
       </div>
    </div>
  </div>
<div class="E1">
 <div class="E2">畅销图书</div>

 <div class="E3">
  <div class="F1">
   <div class="F2"><img src="image/k1.jpg" width="175" height="175" />
   <ul>
   <li><a href="shopDetail.html">蛤蟆先生去看心理医生</a></li>
   <li>[罗伯特·戴博德 著]&nbsp;</li>
   <li><span>¥19.00</span></li>
   </ul>
   </div>
   <div class="F2"><img src="image/k2.jpg" width="175" height="175" />
   <ul>
   <li><a href="shopDetail.html">三体：全三册</a></li>
   <li>[刘慈欣 著]</li>
   <li><span>¥54.80</span></li>
   </ul>
   </div>
   <div class="F2"><img src="image/k3.jpg" width="175" height="175" />
   <ul>
   <li><a href="shopDetail.html">活着</a></li>
   <li>&nbsp;[余华 著]</li>
   <li><span>¥22.50</span></li>
   </ul>
   </div>
  </div>
  
   <div class="G1"><img src="image/k7.jpg" width="400"  />
      <div id="G2">
         <ul>
            <li><a href="https://baike.baidu.com/item/%E4%BD%99%E5%8D%8E/6935?fr=aladdin">余华&nbsp;</a><br /><div class="G21"></div></li>
            <li>960年4月3日生于浙江杭州，浙江省嘉兴市海盐县人，中国当代作家，中国作家协会委员会委员。<br />
            代表作品：《活着》、《许三观卖血记》、《在细雨中呼喊》、《兄弟》
            <div class="G21"></div></li>
            <li>余华是一个伟大的作家。他有着“窄如手掌，宽若大地”的伟大作家的胸怀和情怀，有情感，还有一种特别深沉、特别广阔的东西在里面“活着”。<br /><div class="G21">、</div></li>
            
         </ul>
          
      </div>
      
   </div>
   
   
   <div class="H1">
   <div class="H2"><img src="image/k4.jpg" width="175" height="175" />
   <ul>
   <li><a href="shopDetail.html">人生海海</a></li>
   <li>[麦家 著]</li>
   <li><span>¥27.50</span></li>
   </ul>
   </div>
   <div class="H2"><img src="image/k5.jpg" width="175" height="175" />
   <ul>
   <li><a href="shopDetail.html">次第花开</a></li>
   <li>[希阿荣博堪布 著]</li>
   <li><span>¥19.90</span></li>
   </ul>
   </div>
   <div class="H2">
     <img src="image/k6.jpg" width="175" height="175" />
     <ul>
       <li><a href="shopDetail.html">你当像鸟飞往你的山</a></li>
   <li>[塔拉 · 韦斯特弗 著]</li>
   <li><span>¥34.80</span></li>
 </ul>
   </div>
   </div>
   
 </div>
  <div class="E4">热门书籍作家介绍<br/><span1>Introduction to the author of popular books</span1></div> 
</div>
<div class="E5"><a href="show.html">更多》</a></div>
<!--尾部-->
		<div id="version"><p>关于我们 | 约稿启事 | 网站导航 | 诚聘英才| 刊登广告 | 服务项目 | 联系我们 | 法律声明 | 建议投诉 | 网站帮助| 友情链接<br />
			</p>
			<p>中国葡萄酒资讯网客服QQ：800063399   | 客服电话：0771-2631000|投诉信箱：info@wines-info.com<br /></p>
		<p> 新乡学院  ||  软件学院  ||  班级 ：软件工程（专升本）一班  ||  学号 ：20204132045  ||  姓名 ：陈元凯 </p>
		</div>
		<!--尾部结束-->
<script type="text/javascript" src="js/lunbo.js"></script> 

<script type="text/javascript">
	window.onload=function(){
		if(getCookie("user")==1){
		document.getElementById("loginp").innerHTML="yyyy|<a href='javascript:void(0)' onclick='exitLogin()'>退出登录</a>|<a href='shopCar.html'>购物车</a>";//
		}
	};
	function getCookie(name){
	  var CYK_arr,CYK_reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
	  if(CYK_arr=document.cookie.match(CYK_reg)){
	    return unescape(CYK_arr[2]);
	  }else{
	    return null;
	  }
	}
	function exitLogin(){
		delCookie("user");
		location.reload();
	}

	function delCookie (name) {
	  var exp = new Date();
	  exp.setTime(exp.getTime() - 1);
	  var cval = getCookie(name);
	  if (cval && cval != null) {
	    document.cookie = name + '=' + cval + ';expires=' + exp.toGMTString();
	  }
	}
</script>
</body>
</html>
